<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>ifree</title>


<script src="/static/js/jquery-3.2.1.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/static/css/bootstrap.min.css">

<link rel="stylesheet" href="/static/css/swiper-3.4.2.min.css">
<script src="/static/js/swiper-3.4.2.min.js"></script>
<script src="/static/js/jquery.form.js"></script>


<style>
    #header_navbar{
        background:#6495ED;
    }
    #header_navbar a{
        color: white;
    }

    #header_navbar a:hover{
        color: #EEE0E5;
    }

    .navbar-default .navbar-nav>.active>a{
        background: royalblue;
    }

    #header_navbar{
        background:#6495ED;
    }
    #header_navbar a{
        color: white;
    }

    #text{
        width:100%;
        z-index: 10;
        position: absolute;
        text-align: center;
        top: 100px;
        -webkit-animation: myText 1s;
        -o-animation: myText 1s;
        animation: myText 1s;
    }

    @-webkit-keyframes myText {
        from{
            top: 0;
            opacity: 0;
        }
        to{
            top: 100px;
            opacity: 1;
        }
    }

    .imgs{
        margin-top: 30px;
        position: relative;
    }

    .img{
        z-index: 1;
    }

    .text1{
        width: 100%;
        z-index: 10;
        position: absolute;
        text-align: center;
        top: 25px;
    }


</style>